<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>案例</title>
    <link rel="stylesheet" href="style2.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>

<body class="body">
    <nav>
        <div class="db">
            <a href=""><img src="img/db.png" alt=""></a><a href="" class="yc"><img src="img/db.png" alt=""></a>
        </div>
    </nav>
    <header>
        <div class="container">
            <div class="logo">
                <a href="index.html"><img src="img/bk.png" alt=""></a>
            </div>
            <div class="logo-1">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="index1.html">相册</a></li>
                    <li class="hs"><a href="index2.html">案例</a></li>
                    <li><a href="index3.html">关于我</a></li>
                    <li><a href="index4.html">留言</a></li>
                </ul>
            </div>
        </div>
    </header>
    <main>
        <div class="container">
            <div class="row">
                <div class="col-md-4" id="vnm">
                    <div class="sr">
                        <input type="text" placeholder="请输入关键词"><button>搜索</button>
                    </div>

                    <div class="sr-1">
                        <h6><b>案例分类</b></h6>
                        <p><img src="img/dian.png" alt=""><a href="DiAo/index.html">迪奥官网案列</a></p>
                        <p><img src="img/dian.png" alt=""><a href="bootstrap网页-云巴网站/web_site/index.html">云巴网案列</a></p>
                        <p><img src="img/dian.png" alt=""><a href="DuiTang/index.html">堆糖网案列</a></p>
                        <p><img src="img/dian.png" alt=""><a href="Genius网页/index.html">Genius案列</a></p>
                        <p><img src="img/dian.png" alt=""><a href="hengwang/index.html">恒网案列</a></p>
                    </div>
                    <div class="sr-2">
                        <h6><b>站长推荐</b></h6>
                        <ul>
                            <li><img src="img/dian.png" alt=""><a href="">个人博客从简不繁</a></li>
                            <li><img src="img/dian.png" alt=""><a href="">个人博客，属于我的小世界！</a></li>
                            <li><img src="img/dian.png" alt=""><a href="">个人博客，我为什么要用帝国cms?</a></li>
                            <li><img src="img/dian.png" alt=""><a href="">【匆匆那些年】总结个人博客经历的这...</a></li>
                            <li><img src="img/dian.png" alt=""><a href="">作为一个设计师，吐过遭到质疑你是否...</a></li>
                            <li><img src="img/dian.png" alt=""><a href="">安静地做一个爱设计的男孩</a></li>
                            <li><img src="img/dian.png" alt=""><a href="">犯错了怎么办？</a></li>
                        </ul>
                    </div>
                    <div class="sr-3">
                        <h6>标签云</h6>
                        <a href="index.html">个人博客</a>
                    </div>
                </div>
                <div class="col-md-8">
                    <div class="gr">
                        <h4><b>个人博客从简不繁</b></h4>
                        <p>文章 <span>2018-10-25</span> <span>931已阅读</span></p>
                        <div class="rg">
                            <a href="index.html">个人博客</a>
                        </div>
                        <div class="gr-1">
                            <h5><b>迪奥官网</b></h5>
                            <a href="DiAo/index.html"><img src="img/Diao.png" alt=""></a>
                        </div>
                        <div class="gr-2">
                            <h5><b>云巴官网</b></h5>
                            <a href="bootstrap网页-云巴网站/web_site/index.html"><img src="img/yunbawang.png" alt=""></a>
                        </div>
                        <div class="gr-3">
                            <h5><b>堆糖官网</b></h5>
                            <a href="DuiTang/index.html"><img src="img/duitang.png" alt=""></a>
                        </div>
                        <div class="gr-2">
                            <h5><b>Genius官网</b></h5>
                            <a href="Genius网页/index.html"><img src="img/Genius.png" alt=""></a>
                        </div>
                        <div class="gr-2 gp">
                            <h5><b>恒望官网</b></h5>
                            <a href="hengwang/index.html"><img src="img/hengwang.png" alt=""></a>
                        </div>
                        <div class="qb">
                            <input type="button" id="btn" value="点个赞吧！" onclick="numPlus()"><b id="num">99</b>
                        </div>
                        <div class="qb-1">
                            <p>上一篇：<a href="">个人博客，属于我的小世界 !</a></p>
                            <p>下一篇：<a href="">犯错了怎么办？</a></p>
                        </div>
                        <div class="qb-2">
                            <h6><b>文章评论</b></h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </main>

    <footer>
        <div class="container">
            <b> <span>Design by <a href="">张紫川个人博客</a>备案号：<a href="">京ICP<a href=""
                            class="ml">备18051643号-1</a></a></span></b>
        </div>
    </footer>
    <div class="footer-1">
        <div class="container">
            <div class="sh">
                <ul>
                    <li><a href="">首页</a></li>
                    <li><a href="">相册</a></li>
                    <li><a href="">文章</a></li>
                    <li><a href="">关于我</a></li>
                    <li><a href="">留言</a></li>
                </ul>
            </div>
        </div>
    </div>


    <script src="jios/vue.js"></script>
    <script src="axuos/axios.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.6/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="js2.js"></script>
</body>

</html>